<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../header.jsp"%>
<!--  显示内容 -->
	<!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper" style="font-family: '微软雅黑';">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            ${module }
            <small>Control panel</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="${ctx }"><i class="fa fa-dashboard"></i>主页</a></li>
            <li class="active">经纪人列表</li>
          </ol>
        </section>
        
        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-xs-12">
              <div class="box">
                <div class="box-header">
                  
                  <!-- 显示查询条件 2015年6月23日14:57:58 -->
                  <table style="font-size: 12px; width: 100%; text-align: center;">
                  	<tr>
                  		<td >
                  			<!-- <h4><b>&nbsp;&nbsp;&nbsp;&nbsp;用户名&nbsp;&nbsp;&nbsp;&nbsp;</b></h4> -->
                            <h4 style="text-align: right;"><b>用户名</b></h4>
                  		</td>
                  		<td >
                  			<input type="text" class="form-control" id="username_input" placeholder="Enter Username"/>
                  		</td>
                  		<td >
                  			<!-- <h4><b>&nbsp;&nbsp;&nbsp;&nbsp;手机号&nbsp;&nbsp;&nbsp;&nbsp;</b></h4> -->
                            <h4 style="text-align: right;"><b>手机号</b></h4>
                  		</td>
                  		<td >
                  			<input type="text" class="form-control" id="telephone_input" placeholder="Enter Telephone"/>
                  		</td>
                  		
                  		<td >
                  			<!-- <h4><b>&nbsp;&nbsp;&nbsp;&nbsp;性别&nbsp;&nbsp;&nbsp;&nbsp;</b></h4> -->
                            <h4 style="text-align: right;"><b>性别</b></h4>
                  		</td>
                  		<td >
                  			<select id="sex_select" class="form-control">
                  				<option value="-1">请选择</option>
		                        <option value="0">保密</option>
		                        <option value="1">男</option>
		                        <option value="2">女</option>
		                     </select>
                  		</td>
                  		
                  		<td >
                  			<!-- <h4><b>&nbsp;&nbsp;&nbsp;&nbsp;等级&nbsp;&nbsp;&nbsp;&nbsp;</b></h4> -->
                            <h4 style="text-align: right;"><b>等级</b></h4>
                  		</td>
                  		<td >
                  			<select id="level_select" class="form-control">
		                        <option value="0">请选择</option>
		                        <option value="1">青铜</option>
		                        <option value="2">白银</option>
                                <option value="3">黄金</option>
                                <option value="4">钻石</option>
		                     </select>
                  		</td>
                  		
                  		<td style="width: 150px;">
                  			<button class="btn btn-block btn-success" style="width: 100px;" id="query_button">查询</button>
                  		</td>
                  		<td style="width: 150px;">
                  			<button class="btn btn-block btn-success" style="width: 100px;" id="delete_button">删除</button>
                  		</td>
                  		
                  		<!-- <td style="width: 150px;">
                  			<button class="btn btn-block btn-success" style="width: 100px;" id="save_button">增加</button>
                  		</td> -->
                  	</tr>
                  </table>
                  
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table id="table_list" class="table table-bordered table-hover" style="font-size: 12px;">
                    <thead>
                      <tr>
                      	<!-- <th></th>
                        <th style="width: 80px;">经纪人编号</th>
                        <th style="width: 80px;" >用户名</th>
                        <th style="width: 120px;">手机号码</th>
                        <th style="width: 50px;">性别</th>
                        <th style="width: 50px;">等级</th>
                        <th style="width: 80px;">头像地址</th>   -->   
                        <th></th>
                        <th>经纪人编号</th>
                        <th>用户名</th>
                        <th>真实姓名</th>
                        <th>手机号码</th>
                        <th>性别</th>
                        <th>等级</th>
                        <th>头像地址</th>                    
                        <th>审核状态</th>                    
                        <th>操作</th>                    
                      </tr>
                    </thead>
                    <tbody id="list_tbody">
                      <!--  使用ajax加载了内容 2015年6月23日10:26:33 -->
                    </tbody>
                    
                    <!--  使用分页插件 2015年6月23日10:56:51 -->
                    <tfoot>
                      <tr>
                        <th colspan="8" style="text-align: right;">
                        	<div class="btn-group" id="page_tfoot">
                        		
                        		<!--  显示上一页 按钮 2015年6月23日12:38:35 -->
                        		
                        		<!--  显示下一页 按钮 2015年6月23日12:38:47 -->
                        	
	                        </div>
                        </th>
                      </tr>
                    </tfoot>
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
          
          <!--  显示下面的分页控件  -->
          
        </section><!-- /.content -->
        
       </div>
       
      <jsp:include page="../js.jsp"/>
    <!-- page script -->
    <script type="text/javascript">
    	
    	// 跳转到当前的页面 2015年6月24日16:47:40
    	function current(m_index){
    		index = m_index;
    		query(m_index,username_c,level_c,sex_c,telephone_c);
    	}
    	
    	function prev(m_index){
    		// 判断传过来的m_index
    		if(parseInt(m_index)< 1){
    			return;
    		}
    		index = m_index;
    		query(m_index,username_c,level_c,sex_c,telephone_c);
    	}
    	
    	function next(m_index){
    		// 判断传过来的m_index
    		if(parseInt(m_index) > psize){
    			return;
    		}
    		index = m_index;
    		query(m_index,username_c,level_c,sex_c,telephone_c);
    	}
    	
    	// 查询条件的变量
    	var username_c = '';
    	var telephone_c = '';
    	var level_c = '';
    	var sex_c = '';
    	
    	// 封装一下查询的方法 以及拼接的查询条件
    	function query(_index,username,level,sex,telephone){
    		
    		//对传入参数进行预处理
    		if(_index==null || _index=='' || _index=='null' || _index=='undefine'){
    			_index = 1;
    		}
   
    		if(sex==null || sex=='' || sex=='null' || sex=='undefine'){
    			sex = -1;
    		}
    		
    		if(level==null || level=='' || level=='null' || level=='undefine'){
    			level = 0;
    		}

    		if(username=='null' || username=='undefine'){
    			username = '';
    		}
    		if(telephone=='null' || telephone=='undefine'){
    			telephone = '';
    		}
    		
    		//使用jQuery的Ajax调用指定url 
			$.post('<c:url value="/broker/page"/>',{sex:sex,level:level,username:username,telephone:telephone,page:_index,cityName:'${manager.cityName}'},function(data){
				var result = data; //jQuery.parseJSON(data);
        		var broker_list = result.rows;
        		var context_html = "";
        		
        		// 获取 查询后的数据的数目 2015年6月24日14:31:39
        		var list_total = result.total;
        		var i=1;
        		// 使用遍历
        		$(broker_list).each(function(){
        			console.log("遍历中。。。");
        			// 转换 
        			var sex = "";
        			var level = "";
        			
       				if(this.sex=='1'){
       					sex = '男';
       				}
       				if(this.sex=='2'){
       					sex = '女';
       				}else{
       					sex = '保密';
       				}
       			
       				if(this.level=='1'){
       					level = '青铜';
       				}else if(this.level=='2'){
       					level = '白银';
       				}else if(this.level=='3'){
       					level = '黄金';
       				}else{
       					level="钻石";
       				}
       				var authen='';
       				if(this.isauthen==0){
       					authen='未申请认证';
       				}else if(this.isauthen==1){
       					authen='申请认证中';
       				}else if(this.isauthen==2){
       					authen='申请通过';
       				}else if(this.isauthen==3){
       					authen='申请拒绝';
       				}
       				
       				var realName=this.real_name;
       				if(typeof(realName) == "undefined"){
       					realName="<font color='red'>未实名</font>";
       				}
       				var u = '<c:url value="/broker/detail"/>';
        			context_html += "<tr><td style='vertical-align: middle;'><input type='checkbox' value="+this.popid+"></td><td style='vertical-align: middle;'>"+i+"</td><td style='vertical-align: middle;'>"
    				+this.username+"</td><td style='vertical-align: middle;'>"
    				+realName+"</td><td style='vertical-align: middle;'>"+this.telephone+"</td><td style='vertical-align: middle;'>"
    				+sex+"</td><td style='vertical-align: middle;'>"+level+"</td><td style='vertical-align: middle;'><img alt='头像' style='width:60px;height:60px;' src='"+this.headerpath+"@60w'/></td>"
    				+"<td style='vertical-align: middle;'>"+authen+"</td><td style='vertical-align: middle;'><a href='"+u+"?popid="+this.popid+"'>详情</a></td></tr>";	
        			i++;
        		});
        		$("#list_tbody").html(context_html);
        		// 调用分页的方法 
        		Paging(index,size,list_total);
			},"json");
    	}
    	
    	// 加载查询条件下面的 订单类型 2015年6月23日16:01:47
      	
      	// 在页面加载的时候  
		$(document).ready(function(){
			
			// 点击删除按钮 要加载的事件 2015年6月24日17:06:17
			$("#delete_button").click(function(){
				var ids = '';
				// 获取这个table下面 checked 
				$("table[id='table_list'] tbody tr").each(function(i){
					var ch_id = $(this).find("td input");
					// 判断这个order控件是否是选中
					if(ch_id.is(':checked')){
						ids += ch_id.val() + ',';
					}
				});
				
				// 处理ids
				if(ids!=null && ids!='' && ids.length >1){
					ids = ids.substring(0,ids.length-1);
				}
				
				
				// 调用删除方法
				$.post('<c:url value="/broker/batch/delete"/>',{brokerids:ids},function(data){
					var result = data;
					if(result.DATA == 'SUCCESS'){
						// 如果成功了  就调用对应的查询
						query(1,username_c,level_c,sex_c);
					}
				},"json");
				
			});
		
			// 第一次加载的时候  先加载的查询 和 要加载的分页效果 2015年6月24日14:23:58
			query(1,null,null,null,null);
			
			
	      	// 点击查询按钮 2015年6月23日17:01:18
	      	$("#query_button").click(function(){
	      		level_c = $("#level_select").val();
	      		sex_c = $("#sex_select").val();
	      		username_c = $("#username_input").val();
	      		telephone_c = $("#telephone_input").val();
	      		query(1,username_c,level_c,sex_c,telephone_c);
	      	});
        
		});
    </script>
       
	<%@ include file="../footer.jsp"%>
	</body>
</html>